
*,
body {
    margin: 0px;
    font-family: '微软雅黑', serif;
}

.core {
    height: 400px;
    width: 1000px;
    margin: 0 auto;
}
.quanwen {
    height: 200px;
    width: 1000px;
    margin: 0 auto;
}

.core .source {
    float: left;
    width: 480px;
    margin: 0 10px;
}

.core .source #imgPreview {
    width: 480px;
    height: 298px;
}

.core .result {
    float: left;
    width: 480px;
    margin: 0 10px;
}

.core .result #resultMsg {
    width: 480px;
    height: 298px;

}
#previewContainer {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(0%, -100%);
    background-color: white;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 999;
}
.cankaoTable{
    border: 1px solid black;
    padding: 8px;
    text-align: center;
    vertical-align: middle; /* 居中整个单元格的内容 */
}
.tianjiafangjidiv > *{
    margin: 0;
}
.tianjiafangjidiv {
    padding: 0;
}
.previewImage {
    max-width: 500px; /* 设置图像最大宽度 */
    max-height: 500px; /* 设置图像最大高度 */
}

/* 使用媒体查询在页面宽度较小时调整图像大小 */
@media (max-width: 800px) {
    .previewImage {
        max-width: 100%; /* 设置图像最大宽度为页面宽度的 100% */
    }
}
